@charset "utf-8";
/* CSS Document */
.m-header{ display:none; position:fixed;left: 0;top: 0; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,.1); width:100%; height:60px; z-index:99;overflow: hidden;}
.m-header img{ margin-top:9px; max-height:42px;}
.m-btn .line{
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin-top: 22px;
}
.m-btn span{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 50%;
    margin-left: -12px;
	-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
}
.m-btn span.span1{ top:0;-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn span.span2 {top: 7px;}
.m-btn span.span3 {top: 14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.actives .span1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.actives .span3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-btn.actives .span2{ opacity:0; filter:alpha(opacity=0)}
.m-btn.actives span{background: #000;}
.cd{ margin-right:15px;color: #000;line-height:60px;font-size: 15px;}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99;top: 60px;}
.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu .menu_li{ border-bottom:1px solid #d8d8d8;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../img/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu .menu_li .subnav{ padding:15px 3%; line-height:30px; font-size:14px; display:none}
.m-menu .menu_a.actives{ background:#0982b1; color:#fff;}
.m-menu .menu_a.actives i{background:url(../img/ico_03_h.png) no-repeat center; background-size:100% auto}
.sub-menubg{ position:fixed; width:100%; height:100%; background:#f5f5f5;top:0; left:0; z-index:9; display:none}

.mproclass{ display:none; position:relative;margin-top: -4px;z-index: 10;cursor: pointer}
.mproclass h2{background:#0b9ad2; color:#fff; padding:0 3%; height:45px; line-height:45px; position:relative;font-size: 18px;cursor: pointer;}
.mproclass h2:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}
.mproclass ul{ position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15)}
.mproclass li{ background:#f5f5f5; line-height:35px; border-bottom:1px solid #e8e8e8;}
.mproclass li a{padding:0 3%; display:block;font-size: 14.5px;}
.mproclass li:hover a{ background:#0982b1; color:#fff}

.mproclass2 h2{background: none;position: relative;color: #333;font-size: 20px;padding-left: 4%;}
.mproclass2 h2::before{content: "";display: inline-block;width: 3.2px;height: 24px;background: #0b9ad2;position: absolute;left: 0%;top: 10.5px;}
.mproclass2 h2:after{border-top:7px solid #333;border-left: 7px solid transparent;border-right: 7px solid transparent;}
.mproclass2 h2.actives:after{border-top:6px solid #0b9ad2;}


.mproclass h4{background:#0b9ad2; color:#fff; padding:0 3%; height:45px; line-height:45px; position:relative;font-size: 18px;cursor: pointer;}
.mproclass h4:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}
.mproclass .btn-box2{position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15);cursor: pointer;}
.mproclass .btn1{background:#f5f5f5; line-height:35px; border-bottom:1px solid #e8e8e8;display: block;padding:0 3%;}
.btn-box2 a.cur .icon .b{opacity: 0}
.btn-box2 a.cur .icon .f{opacity: 1}
.btn-box2 a.cur .text{color: #333}
.btn-box2 a .text:hover{color: #0b9ad2}




.m-foot{ position:fixed; width:100%; height:45px; left:0; bottom:0;background: #0982b1; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:25%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../images/pic/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/pic/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/pic/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/pic/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}
.newsxiang .newsleft .nsconn p iframe {display: none;}



@media screen and (max-width:1200px){
	.wrap{ width:97%;margin: auto;}
	body{overflow-x: hidden;}
	.banner1{overflow-x: hidden;}
	.nmain{overflow-x: hidden;}
	.products{overflow-x: hidden}
	.spwia{width: 100%; overflow-x: hidden;display: block;}
	.contact{overflow-x: hidden;}
	
}

@media screen and (max-width: 920px){

.nbanner img{width:140%; margin-left:-20%;overflow-x: hidden;display: block;}
.banner1{width:140%; margin-left:-20%;overflow: hidden!important;display: block;}

}
@media screen and (max-width:1024px){
	.headerbox{display: none;}
	.m-header{display: block;}
	#newBridge{display: none!important;}
	.banner1{margin-top: 60px;}
	.banner1 .slick-prev{width: 25px;height: 28px;left: 4%;margin-top: -15px;background: none;}
	.banner1 .slick-next{width: 25px;height: 28px;right:4%;margin-top: -15px;background: none;}
	.banner1 .slick-dots li button{width: 10px;height: 10px;}
	.proClass_bot .proleft{width: 200px;}
	.proright{width: 71%;}
	.proright li h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
	.title{margin-top: 35px;}
	.nbanner .intro{font-size: 20px;}
	.nbanner{margin-top: 60px;}
	.nmain{margin-bottom: 35px;}
	.abter .abtop{background-size: cover;}
	.serverpic img{max-width: 100%;}
	.pic2 img{max-width: 100%;}
	#projectlist .wrapper{margin-left: 0;margin-top: 35px;}
	.js-m2 .title4 h4{font-size: 30px;}
	.js-m2 .btn-box a{min-width: 105px;}
	.js-m2{margin-top:25px;}
	.jieshao p img{margin-left: -2em;}
	
}
@media screen and (max-width:768px){
	.backtop{display: none!important;}
	.m-foot{display: block;}
	.mproclass{display: block;}
	.js4{display: none;}
	.proleft{display: none;}
	.proright{width: 100%;margin-top: 3.5%;}
	.proright li .pic{height: auto;}
	.products{padding-bottom: 10px;}
	.contact{margin-top:40px;padding: 42px 0;}
	.footertop{display: none;}
	.footertxt{line-height: 30px;display: inherit;}
	.footertxt p{display: inline-block;}
	.footerbottom{padding-bottom: 20px;padding-top: 10px;}
	.navigation{height: 60px;line-height: 60px;}
	.navigation .right{display: none;}
	.navigation .left{float: none;}
	.abtitle{margin-top: 30px;margin-bottom: 30px;}
	.abtitle{font-size: 29px;}
	.tu1 li img{max-width: 100%;min-height: 100px;height: auto;}
	.newslist_1 li .pic{width: 36%;}
	.newslist_1 li .text{width: 60%;margin-top: 0;}
	.newslist_1 li .text .tit{font-size: 18px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.newslist_1 li .text .intro{font-size: 14px;height: 48px;overflow: hidden;margin-bottom: 11px;}
	.newtit{font-size: 22px;}
	.tomore{line-height: 35px;width: 120px;height: 35px;}
	
	.morgj{background-size: 100%;padding-bottom: 40px;}
	.morgj h3{font-size: 20px!important;}
	.newtit{margin-top: 32px;}
	.hrbox h2{font-size: 30px;margin-bottom: 20px;}
	.productbox{margin-top: 35px;}
	.project_info .title6{padding-top: 10px;}
	.pages{margin-top: 16px;}
	
	
	
	
}
@media screen and (max-width:640px){
	.title strong{font-size: 25px;}
	.title::before{width: 102px;top: 30px;}
	.title::after{width: 102px;top: 30px;}
	.title h3::before{left: 102px;top: 25px;}
	.title h3::after{right: 102px;top: 25px;}
	.newbox li{width: 48%;margin-bottom: 2.5%;}
	.newbox ul{margin-top: 32px;}
	.more1{width: 20%;font-size: 12px;background-size: 12px 12px;}
	.proright li .pic{margin-bottom: 22px;}
	.ableft{width: 100%;font-size: 15px;}
	.anright{width: 100%;margin-top: 20px;}
	.anright2{width: 100%;}
	.ableft h3{font-size: 22px;margin-bottom: 18px;}
	.ablef2{padding-bottom: 30px;padding-right: 0;padding-left: 0;}
	.serverpic{width: 100%;}
	.serverleft{width: 100%;}
	.hrtxt{width: 100%;}
	.pic2{width: 100%;margin-top: 16px;}
	.rba1{width: 22%;}
	.rba2{width: 20%;}
	.rba3{width: 16%;}
	.rba5{float: right;margin-right: 3%;}
	.bellows__content{padding: 28px 17px;}
	.ndetail h3{margin-top: 35px;}
	.nmain_2{padding: 30px 0;}
	.message{width: 95%;}
	.message input{width: 95%;}
	#captcha_img{height: 40px!important;width: 100px!important;}
	.caselist{margin-top: 35px;}
	.product-top #preview{width: 100%;}
	.product-top .text{width: 100%;margin-top: 25px;}
	.product-top .text .pro-db{font-size: 22px;padding-bottom: 10px;}
	.dowl a{padding-left: 9.5%}
	
	
}

@media screen and (max-width:480px){
	.proright li{width: 48.5%;padding-top:20px;}
	.more1{display: none;}
	.newtitle{width: 95%;padding-left: 3.5%;}
	.contact li:nth-child(1){width: 100%;}
	.contact li:nth-child(2){width: 100%;}
	.contact li:nth-child(3){width: 100%;}
	.contact li img{width:70px;height: 70px;}
	.contact li{line-height: 70px;margin-bottom: 20px;}
	.contact li p{font-size: 15.5px;}
	.contact{padding: 42px 0 38px 0;}
	.newslist_1 li .text .tit{margin-bottom: 5px;font-size: 17px;}
	.newslist_1 li .text .intro{margin-bottom: 6px;font-size: 13px;}
	.newslist_1 li .pic{width: 41%;}
	.newslist_1 li .text{width: 55%;margin-top: -3px;}
	.newslist_1 li .text .time{background-size: 15px 15px;}
	.caselist li{width: 48%;}
	.caselist li .txt1 h3{font-size: 18px;line-height: 50px;}
	.navigation .left a{padding: 0 21px;}
	.rba3{width: 10%;}
	.rba4 {width: 24%;}
	.bellows__header{font-size: 14px;}
	.bellows__content{font-size: 14px;}
	.wrapper li{width:48%;}
	.title2{font-size: 20px;line-height: 50px;}
	.title span{font-size: 13px;}
	
	
}
@media screen and (max-width:375px){
	.rba3{width: 10%;}
	.rba2{width: 21%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.rba5{width: 20px;height: 20px;background-size: 100% 100%;}
	.rba4 {width: 25%;}
	.hrtit{font-size: 15px;}
	.bellows__header{padding: 25px 0 25px 0%;}
	.contact li img{width: 42px;height: 42px;}
	.contact li p{font-size: 14px;padding-left: 2%;}
	.contact li{line-height: 42px;}
	.contact3{margin-top: 20px;padding-top: 22px;}
	.map{margin-top: 35px!important;}
	.dowl a{padding-left: 14%;}
	.product-top .text .pro-db{font-size: 20px;}
	.title2{font-size: 18px;}
	.jieshao h3{font-size: 21px;margin-top: 25px;}
	.title::before{width: 95px;}
	.title::after{width: 95px;}
	.title h3::before{left: 93px;}
	.title h3::after{right: 93px;}
	
	
}
@media screen and (max-width:323px){
	.navigation .left a{padding: 0 19px;}
	.rba4{width: 26%;}
	.rba2{width: 20%;}
	.rba1{width: 21%;}
	
}